<template>
  <div>
    <div>
      <van-button type="primary" @click="$toast('123123')" round>主要按钮</van-button>
      <van-button type="info" round>信息按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="warning" round>警告按钮</van-button>
      <van-button type="danger" round>危险按钮</van-button>
    </div>
    <!--    <div>-->
    <!--      <van-cell-group>-->
    <!--        <van-field v-model="value" label="文本" placeholder="请输入用户名"/>-->
    <!--        &lt;!&ndash; 输入任意文本 &ndash;&gt;-->
    <!--        <van-field v-model="text" label="文本"/>-->
    <!--        &lt;!&ndash; 输入手机号，调起手机号键盘 &ndash;&gt;-->
    <!--        <van-field v-model="tel" type="tel" label="手机号"/>-->
    <!--        &lt;!&ndash; 允许输入正整数，调起纯数字键盘 &ndash;&gt;-->
    <!--        <van-field v-model="digit" type="digit" label="整数"/>-->
    <!--        &lt;!&ndash; 允许输入数字，调起带符号的纯数字键盘 &ndash;&gt;-->
    <!--        <van-field v-model="number" type="number" label="数字"/>-->
    <!--        &lt;!&ndash; 输入密码 &ndash;&gt;-->
    <!--        <van-field v-model="password" type="password" label="密码"/>-->
    <!--      </van-cell-group>-->
    <!--    </div>-->
    <div>
      <el-table
          border
          height="600px"
          v-el-table-infinite-scroll="load"
          :data="tableData"
      >
        <el-table-column prop="date" label="日期"> </el-table-column>
        <el-table-column prop="name" label="姓名"> </el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>

const exampleData = new Array(10).fill({
  date: '2016-05-02',
  name: '王小虎',
  address: '123'
});

export default {
  name: "test",

  data() {
    return {
      tableData: exampleData,
      multipleSelection:[],
    };
  },
  methods: {
    load() {
      // this.$message.success('加载下一页');
      this.$toast.loading({
        message: "加载中",
        forbidClick: true,
        duration: 500,
      })
      this.tableData = this.tableData.concat(exampleData);
      console.log("111")
    },

    handleSelectionChange(val) {
      this.multipleSelection = val;
    }

  }

}
</script>

<style scoped>
.el-table {
  width: 100%;
}
</style>
